<template>
  <div class="chart-wrapper common-table-wrapper" :class="size">
    <div class="chart-title"><span>{{ data && data.name }}</span></div>
    <el-table class="com-table" :data="data.data">
      <el-table-column
        prop="room"
        label="房间号">
      </el-table-column>
      <el-table-column
        prop="count"
        label="用电量">
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  name: 'CommonTable',
  props: ['size', 'data'],
  data () {
    return {
    }
  },
  mounted () {
  },
  watch: {
  },
  methods: {
  },
  beforeDestroy () {
  }
}
</script>

<style scoped lang="scss">
.common-table-wrapper {
  height: 100%;
  .com-table {
    padding-top: 60px;
    width: 90%;
    margin: 0 auto;
  }
}

</style>
